<template>
  <div class="item">
    <div class="label">{{ props.label }}</div>
    <div class="value">{{ props.value }}<slot/></div>
  </div>
</template>

<!--组件自定义-键值对显示-->
<script setup lang="ts">

const props = defineProps<{ label: string, value?: string | number | undefined }>()

</script>

<style scoped lang="less">
.item {
  width: 25%;
  margin-bottom: 35px;
}

.label {
  width: 95%;
  height: 30px;
  font-size: 12px;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #6C768E;
  line-height: 18px;
}

.value {
  width: 95%;
  font-size: 14px;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #1D2C51;
  line-height: 21px;
  margin-top: 12px;
  word-wrap: break-word;
}
</style>
